<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="keywords" content="石影子,石影子科技,互联网,web建站">
  <meta name="description" content="石影子科技线上官网,为您提供web建站，移动端建站服务" />
  <link rel="shortcut icon" type="image/x-icon" th:href="${set.icon}" href="syz.ico">
  <title>南宏达官网</title>
  <link rel="stylesheet" href="assets/css/amazeui.css" />
  <link rel="stylesheet" href="assets/css/common.min.css" />
  <link rel="stylesheet" href="assets/css/news.min.css" />
  <link rel="stylesheet" href="assets/css/pagination.css" rel="stylesheet" type="text/css">
  <style>
    #my-popup .am-popup-bd{
      width: 100%;
      text-indent: 2em;
    }
  </style>
</head>
<body>
  <div class="layout">
    <!--===========layout-header================-->
    <div class="layout-header am-hide-sm-only">
      <div class="header-box">
        <!--header start-->
        <div class="container">
          <div class="header">
            <div class="am-g">
              <div class="am-u-lg-2 am-u-sm-12">
                <div class="logo">
                  <a href="gw_index"><img th:src="${set.icon}" src="assets/images/logo.png" alt="" /></a>
                </div>
              </div>
              <div class="am-u-lg-10 am-u-md-12">
                <div class="header-right">
                  <div class="header-contact">
                    <div class="header_contacts--item">
                      <div class="contact_mini">
                        <i class="contact-icon am-icon-phone"></i>
                        <strong th:text="${set.phone}">027-65596646</strong>
                        <span>周一 --- 周五, 9:00 -- 18:00</span>
                      </div>
                    </div>
                    <div class="header_contacts--item">
                      <div class="contact_mini">
                        <i class="contact-icon am-icon-envelope-o"></i>
                        <strong th:text="${set.email}">service@shiyingzi.cn</strong>
                        <span>邮箱地址</span>
                      </div>
                    </div>
                    <div class="header_contacts--item">
                      <div class="contact_mini">
                        <i class="contact-icon am-icon-map-marker"></i>
                        <strong  th:text="${set.addressName}">临空一号</strong>
                        <span th:text="${set.address}">武汉金银潭大道130号3栋10楼</span>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
        <!--header end-->


        <!--nav start-->
        <div class="nav-contain"  data-am-sticky>
          <div class="nav-inner">
            <ul class="am-nav am-nav-pills am-nav-justify">
              <li><a href="gw_index">首页</a></li>
              <li>
                <a href="gw_example">产品中心</a>
              </li>
              <li  class="current">
                <a href="gw_news">新闻资讯</a>
              </li>
              <li><a href="gw_index#about">关于我们</a></li>
              <li><a href="gw_index#join">加入我们</a></li>
            </ul>
          </div>
        </div>
        <!--nav end-->
      </div>
    </div>

    <!--mobile header start-->
    <div class="m-header">
      <div class="am-g am-show-sm-only">
        <div class="am-u-sm-2">
          <div class="menu-bars">
            <a href="#doc-oc-demo1" data-am-offcanvas="{effect: 'push'}"><i class="am-menu-toggle-icon am-icon-bars"></i></a>
            <!-- 侧边栏内容 -->
            <nav data-am-widget="menu" class="am-menu  am-menu-offcanvas1" data-am-menu-offcanvas >
              <a href="javascript: void(0)" class="am-menu-toggle"></a>

              <div class="am-offcanvas" >
                <div class="am-offcanvas-bar">
                  <ul class="am-menu-nav am-avg-sm-1">
                    <li class="current"><a href="../index.html#top">首页</a></li>
                    <li>
                      <a href="../index.html#product">产品中心</a>
                    </li>
                    <li>
                      <a href="../index.html#news">新闻资讯</a>
                    </li>
                    <li><a href="../index.html#about">关于我们</a></li>
                    <li><a href="../index.html#join">加入我们</a></li>
                  </ul>
                </div>
              </div>
            </nav>

          </div>
        </div>
        <div class="am-u-sm-4">
          <div class="m-logo">
            <a href=""><img src="../assets/images/logo.png" alt=""></a>
          </div>
        </div>
        <div class="am-u-sm-6">
          <div class="contact_mini">
            <i style="color:#7c6aa6" class="contact-icon am-icon-phone"></i>
            <strong>027-65596646</strong><br/>
            <span>周一 -- 周五</span><br/><span> 9:00 -- 18:00</span>
          </div>
        </div>
      </div>
      <!--mobile header end-->
    </div>




    <!--===========layout-container================-->
    <div class="layout-container">
      <div class="page-header">
        <div class="am-container">
          <h1 class="page-header-title">新闻资讯</h1>
        </div>
      </div>

      <div class="breadcrumb-box">
        <div class="am-container">
          <ol class="am-breadcrumb">
            <li><a href="../index.html">首页</a></li>
            <li class="am-active">新闻资讯</li>
          </ol>
        </div>
      </div>
    </div>
    
    <div class="M-box"></div>

    <div class="section">
      <div class="container">
        <div class="section--header">
					<h2 class="section--title">Latest News</h2>
					<p class="section--description">
						云适配与中建材信息技术股份有限公司（以下简称“中建信息”）联合举办的“战略
						<br>合作签约仪式暨全国跨屏行动启动大会”在北京成功举办。
					</p>
				</div>

        <div class="news-contaier">
          <div class="blog">
            <div id="newscontainer" class="am-g">
              <div class="am-u-lg-4 am-u-md-6" th:each="m:${news}">
                <div class="article">
                  <div class="article-img">
                    <img src="../assets/images/news/b01.jpg" alt="" />
                  </div>
                  <div id="articleheader" class="article-header">
                  
                  <h2><a th:href="@{'newsInfo?id='+${m.id}}" th:text="${m.title}" class="link" target="_blank">云适配：价值驱动是占有市场的关键</a></h2>
                   <ul class="article--meta">
                      <li class="article--meta_item -date" th:text="${m.createTime}"></li>
                    </ul>
                  </div>
                  <div class="article--content" th:text="${m.text}">
						<p>作为一家技术创新型企业，技术的先进性和创新型是构建企业核心竞争力的根本。但是要想占领市场并获得持续增长，需要从服务市场的角度出发，为用户输出价值，也是云适配的发展宗旨。</p>
                  </div>
                  <div class="article--footer">
  						<!-- <a th:href="@{'newsInfo?id='+${m.id}}" class="link" target="_blank">Read More</a></div> -->
  						<a th:href="@{'demo?id='+${m.id}}" class="link" target="_blank">Read More</a></div>
                </div>
                
              </div>
            </div>
            
             <div id="Pagination" align="center" class="pagination">
          </div>
        </div>
      </div>
    </div>

    <!--===========layout-footer================-->
    <div class="layout-footer">
      <div class="footer">
       
        <div style="background-color:#383d61" class="footer--bg"></div>
        <div class="footer--inner">
        
          <div class="container">
            <div class="footer_main">
              <div class="am-g" style="text-align: center;color:#fff;">
                <div class="am-u-sm-12">&copy;啦啦啦啦啦啦啦啦绿绿绿绿绿绿绿绿绿绿绿绿绿</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
     
  </div>
  <div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部" class="am-icon-btn am-icon-arrow-up am-active" id="amz-go-top"></a>
  </div>


  <!-- 弹出模板 jq填充 js启动-->
<!--  <div class="am-popup" id="my-popup">
    <div class="am-popup-inner">
      <div class="am-popup-hd">
        <h4 class="am-popup-title">...</h4>
        <span data-am-modal-close class="am-close">&times;</span>
      </div>
      <div class="am-popup-bd">
        ...
      </div>
    </div>
  </div>-->

  <!-- <script src="../assets/js/jquery-2.1.0.js" charset="utf-8"></script> -->
  <!-- <script type="text/javascript" src="./js/jquery-2.1.0.js" ></script> -->
  <script type="text/javascript" src="./js/jquery.min.js"></script>
  <script type="text/javascript" src="./js/jquery.pagination.js"></script>
  <script type="text/javascript" src="./js/wangEditor.js" ></script>
  <script src="../assets/js/amazeui.js" charset="utf-8"></script>
  
<script th:inline="javascript">
	var pageIndex = 0;     //页面索引初始值  
	var pageSize = 3;     //每页显示条数初始化，修改显示条数，修改这里即可
	var ppp = [[${sum}]];
    var sum = parseInt(ppp);
	$(function() {         
        InitTable(0);    //Load事件，初始化表格数据，页面索引为0（第一页）                                                
        //分页，PageCount是总条目数，这是必选参数，其它参数都是可选  
        $("#Pagination").pagination(sum, {  
            callback: PageCallback,  
            prev_text: '上一页',       //上一页按钮里text  
            next_text: '下一页',       //下一页按钮里text  
            items_per_page: pageSize,  //显示条数  
            num_display_entries: 6,    //连续分页主体部分分页条目数  
            current_page: pageIndex,   //当前页索引  
            num_edge_entries: 2        //两侧首尾分页条目数  
        });
        
      //翻页调用  
        function PageCallback(index, jq) {
            InitTable(index);
            console.log(index);
        }
      //请求数据  
        function InitTable(pageIndex) {                                  
            $.ajax({   
                type: "POST",  
                dataType: "json",  
                url: '/loans/gw_news_page',      //提交到一般处理程序请求数据  
                data: "pageIndex=" + (pageIndex + 1),          //提交两个参数：pageIndex(页面索引)，pageSize(显示条数)                  
                success: function(data) {
                	//alert(data.length+"come");
                	var htmla = '';
                	for(var p in data){//遍历json数组时，这么写p为索引，0,1
                		  //alert(data[p].title + "ok ");
                		//alert(data[p].title);
                		/* var tmp =
                		'<div>'+ 
                		'<a href=""newsInfo?id=' + data[p].id + '"" class=""link"" target=""_blank"">' + data[p].title + '</a>' + 
                		'</div>';
                		htmla += tmp; */
                		var tmp = '<div class="am-u-lg-4 am-u-md-6" >'+
                		'<div class="article">'+
                		'<div class="article-img">'+
                        '<img src="../assets/images/news/b01.jpg" alt="" />'+
                        '</div>'+
                        '<div id="articleheader" class="article-header">'+
                        '<h2>'+ 
                        '<a href="newsInfo?id=' + data[p].id + '" class="link" target="_blank">' + data[p].title + '</a>' + 
                        '</h2>'+
                        '<ul class="article--meta">'+
                        '<li class="article--meta_item -date">'+data[p].createTime+'</li>'+
                      	'</ul>'+
                      	'</div>'+
                      	'<div class="article--content">'+
                        data[p].text+
                        '</div>'+
                        '<div class="article--footer">'+
                        '<a href="newsInfo?id=' + data[p].id + '" class="link" target="_blank">' + 'Read More' + '</a>' + 
                        '</div></div></div>';
                        
                		htmla += tmp;
                	}
                	$('#newscontainer').html(htmla);
                }  
            });              
        }      
    });  
</script>

</body>

</html>
